<div class="service-mobile visible-xs" id="home-mobile-view">
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <!--banner-->
      <div class="swiper-slide" style="padding-bottom: 40px;">
        <div class="row mobile-header">
          <div class="col-xs-6 logo">
            <a href="index.html">
              <img src="images/home/logo.png" alt=""/>
            </a>
          </div>
          <div class="col-xs-4"></div>
          <div class="col-xs-2" ng-click="spreadRightNav(true)">
            <img src="images/nr-offical/mobile-nav/nav.png" style="width: 28px;" alt=""/>
          </div>
        </div>
        <div id="carousel-example-generic" class="carousel slide ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" ng-repeat="banner in mobileBanners"
                data-slide-to="{{$index}}"
                ng-class="{'active':$index==0}"></li>
          </ol>
          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">
            <div class="item " ng-class="{'active':$index==0}" ng-repeat="banner in mobileBanners">
              <a href="{{banner.link}}">
                <img ng-src="{{banner.url}}" alt="...">
              </a>
              <div class="carousel-caption">
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-btm-arrow"><img src="images/nr-offical/home/uparrrow.png" alt=""/></div>
      </div>
      <!--服务-->
      <div class="swiper-slide">
        <div class="service-mobile visible-xs ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
          <div class="module-header">
            <a href="#/product-service/1"><p class="text-center"></p></a>
            <!--<a href="#/product-service/1" ng-if="$storage.language==0"><p class="text-center">全方位服务</p></a>-->
            <!--<a href="#/product-service/1" ng-if="$storage.language==1"><p class="text-center">All-round Service</p></a>-->
          </div>
          <div class="dipper-container-mobile row">
            <!--ng-class="{'col-xs-offset-1':$index%2==0}"-->
            <div class="col-xs-6"  ng-repeat="dipper in dippers">
              <a href="#/product-service/{{dipper.id}}" class="ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">
                <img style="width: 25px" class="wf-breath" src="images/nr-offical/home/radio.png" alt=""/>
                <span>{{dipper.title}}</span>
              </a>
            </div>
          </div>
        </div>
        <div class="swiper-btm-arrow"><img src="images/nr-offical/home/uparrrow.png" alt=""/></div>
      </div>
      <!--新闻-->
      <div class="swiper-slide">
        <div class="news ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
          <div class="module-header ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s">
            <a href="#/news-activity/0" ng-if="$storage.language==0"><p class="text-center">新闻活动</p></a>
            <a href="#/news-activity/0" ng-if="$storage.language==1"><p class="text-center">News&Events</p></a>
          </div>
          <div class="mobile-news-content">
            <div class="news-mobile-item" ng-repeat="homeNew in homeNews" ng-click="goNewsActivityDetail(0,homeNew)">
              <div class="photo-div ani" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.1s">
                <img ng-src="{{homeNew.image}}"/>
              </div>
              <div class="content-div ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.1s">
                <div class="nm-title">{{homeNew.title}}</div>
                <div class="nm-info">
                  <span>{{homeNew.typeName}}</span>
                  <span class="al-float-right">{{homeNew.newsTime|dateTransfer:'YYYY-MM-DD'}}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-btm-arrow">
          <img src="images/nr-offical/home/uparrrow.png" alt=""/>
        </div>
      </div>
      <!--底部导航-->
      <div class="swiper-slide" style="background: rgb(47, 47, 47);">
        <nr-footer-mobile class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"></nr-footer-mobile>
      </div>
    </div>
    <!-- Add Pagination -->
    <div style="display: none;" class="swiper-pagination"></div>
  </div>

</div>